<ngb-carousel>
  <ng-template ngbSlide *ngFor="let c of cl" >
    <img [src]="c.pic" alt="Random first slide" width="100%">
    <div class="carousel-caption">
      <h3>{{c.title}}</h3>
      <p>{{c.discription}}</p>
    </div>
  <!-- </ng-template>
  <ng-template ngbSlide>
    <img [src]="images[1]" alt="Random second slide" width="100%">
    <div class="carousel-caption">
      
    </div>
  </ng-template>
  <ng-template ngbSlide>
    <img [src]="images[2]" alt="Random third slide" width="100%">
    <div class="carousel-caption">
      
    </div> -->
  </ng-template>
</ngb-carousel>
